<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录页面</title>
    <link rel="stylesheet" href="../src/css/reset.css">
    <link rel="stylesheet" href="../src/css/denglu.css">
</head>

<body>
    <div id="head"></div>
    <div id="product">
        <div class="product-con">
            <ul>
                <li>
                    <img src="../src/img/goodscate0101cate.jpg" alt="">
                </li>
                <li>
                    <img src="../src/img/goodscate0202cate.jpg" alt="">
                </li>
                <li>
                    <img src="../src/img/goodscate030303cate.jpg" alt="">
                </li>
                <li>
                    <img src="../src/img/goodscate0404cate.jpg" alt="">
                </li>
            </ul>
            <div class="pro-bottom">
                <p>
                    <a href="">
                        <img src="../src/img/reg_login_tit_1.jpg" alt="">
                    </a>
                </p>
                <p>
                    <a href="zhuce.html">
                        <img src="../src/img/reg_login_tit_2.jpg" alt="">
                    </a>
                </p>
            </div>
        </div>

    </div>
    <div id="login">
        <div class="login-top">
            <img src="../src/img/reg_log_top.jpg" alt="">
        </div>
        <div class="login-center">
            <div class="login-cl">
                <div class="shuoming">您可以用会员卡/手机号/邮箱登录</div>
                <div class="yonghu">
                    <span>用户名：</span>
                    <span><input type="text" id="username"></span> 
                </div>
                <div class="mima">
                    <span>密&nbsp;&nbsp;&nbsp;&nbsp;码：</span>
                    <span><input type="password" id="password"></span>
                </div>
                <div class="button">
                    <button type="submit" id="tijiao" value="提交"></button>
                    <button type="" id="zhaohui" value="找回密码"></button>
                </div>
            </div>
            
            <div class="login-cr">
                <div class="chengwei">成为窝夫小子会员,即可：</div>
                <ul>
                    <li>1.享受本站更加优质,体贴的个性化服务;</li>
                    <li>2.成为贵宾会员后,可获得更优惠的价格。</li>
                </ul>
               <a href="zhuce.html"><button id="zhuce" value="立即注册"></button></a> 
            </div>
        </div>
        <div class="login-bottom">
            <img src="../src/img/reg_log_ft.jpg" alt="">
        </div>
    </div>
    <div id="foot"></div>
</body>

</html>
<script src="../src/js/jquery.min.js"></script>
<script src="../src/js/denglu.js"></script>
<script>
    $("#head").load("header.html")
    $("#foot").load("footer.html")
</script>